<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet"/>
<link href="assets/css/modify.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<style>
    .bootbox-close-button {
        width: 19px;
        height: 19px;
        border: none;
        cursor: pointer;
        -webkit-appearance: none;
        float: right;
        top: 4px;
        left: -5px;
        position: relative;
        background: #E9F5FF url("assets/img/nav-img/icon_close.png") no-repeat 0 0;
    }
    .bootbox .modal-dialog {
        width: 60% !important;
    }

    .modal-content {
        width: 100%;
    }
</style>
<div class="row myDialogDetai3 myDialogDetai" style="margin-left:0px!important;">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >

        <div class="row" style="margin-bottom: 15px;margin-top:15px;font-size: 14px">
                    <span style="padding-left: 16px">
                         班级信息
                    </span>
        </div>
        <div class="widget flat radius-bordered" style="margin-top: 0;box-shadow:0px 0px 10px rgba(122,161,184,0.3);">
            <div class="widget-body no-padding">
                <div class="table-scrollable" style="border: none;">
                    <!-- 数据表列信息列表 -->
                    <#list attentLessonlistMap as data>
                        <table class="table table-hover dataTable newtable">
                            <input type="hidden" name="memberType" class="memberType" value="${memberType}">
                            <thead>
                            <tr>
                                <th title="课次">课次</th>
                                <th title="上课日期">上课日期</th>
                                <th title="上课时间">上课时间</th>
                                <th title="周几上课">周几上课</th>
                                <th title="授课老师">授课老师</th>
                                <th title="上课教室">上课教室</th>
                                <th title="消耗课时">消耗课时</th>
                                <th title="操作">操作</th>
                                <th title="操作人">操作人</th>
                                <th title="操作时间">操作时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <#list data["lessonList"] as cl>
                                <tr>
                                    <td>${cl.index+1}</td>
                                    <td>${cl.classTime}</td>
                                    <td>${cl.startTime}-${cl.endTime}</td>
                                    <td>${cl.weekDay}</td>
                                    <td>${cl.realName}</td>
                                    <td>${cl.roomName}</td>
                                    <td>${cl.expendClassHour}</td>
                                    <td>${cl.status}</td>
                                    <td>${cl.userName}</td>
                                    <td>${cl.createTime}</td>
                                </tr>
                            </#list>
                            </tbody>
                        </table>

                        <!--<div class="panel-group" id="accordion">-->
                        <!--<div class="panel panel-info">-->
                        <!--<div class="panel-heading">-->
                        <!--<h4 class="panel-title" data-toggle="collapse" data-parent="#accordion"-->
                        <!--href="#collapse${data_index+1}" style="cursor: pointer;">-->
                        <!--<a>班级:${data.systemName}</a>-->
                        <!--<a class="float-right">收起</a>-->
                        <!--</h4>-->
                        <!--</div>-->
                        <!--<div id="collapse${data_index+1}" class="panel-collapse collapse in">-->
                        <!--<div class="panel-body">-->
                        <!---->

                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                    </#list>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(".selectpicker").select2();
    for (var i=1;i<=$(".panel-group").length;i++) {

        $('#collapse'+i).on('show.bs.collapse', function () {
            $(this).siblings(".panel-heading").children(".panel-title").children(".float-right").html("收起")
        })
        $('#collapse'+i).on('hide.bs.collapse', function () {
            $(this).siblings(".panel-heading").children(".panel-title").children(".float-right").html("展开")
        })

    }

</script>
